<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <title>题一: PC专题</title>
</head>

<body>
    <div class="main">
        <!-- 头部标题 -->
        <div class="headerBox">
            <div class="titleBox"></div>
        </div>
        <!-- 中间内容 -->
        <div class="contBox_top">
            <div class="bookBox">
                <div class="title"></div>
                <div class="book">
                    <div class="leftBox">
                        <div class="photoSwiper">
                            <input type="radio" name="chkPhoto" id="img1" checked>
                            <input type="radio" name="chkPhoto" id="img2">
                            <input type="radio" name="chkPhoto" id="img3">
                            <input type="radio" name="chkPhoto" id="img4">
                            <input type="radio" name="chkPhoto" id="img5">
                            <div class="photoList">
                                <ul>
                                    <li>
                                        <label for="img5">
                                            <div class="backBox">
                                                <div class="icon"></div>
                                            </div>
                                        </label>
                                        <label for="img2">
                                            <div class="goBox">
                                                <div class="icon"></div>
                                            </div>
                                        </label>
                                        <div class="title_a">
                                            <span>
                                                第五届全国重点网络媒体广西行活动行程
                                            </span>
                                        </div>
                                    </li>
                                    <li>
                                        <label for="img1">
                                            <div class="backBox">
                                                <div class="icon"></div>
                                            </div>
                                        </label>
                                        <label for="img3">
                                            <div class="goBox">
                                                <div class="icon"></div>
                                            </div>
                                        </label>
                                        <div class="title_a">
                                            <span>
                                                第五届全国重点网络媒体广西行活动行程
                                            </span>
                                        </div>
                                    </li>
                                    <li>
                                        <label for="img2">
                                            <div class="backBox">
                                                <div class="icon"></div>
                                            </div>
                                        </label>
                                        <label for="img4">
                                            <div class="goBox">
                                                <div class="icon"></div>
                                            </div>
                                        </label>
                                        <div class="title_a">
                                            <span>
                                                第五届全国重点网络媒体广西行活动行程
                                            </span>
                                        </div>
                                    </li>
                                    <li>
                                        <label for="img3">
                                            <div class="backBox">
                                                <div class="icon"></div>
                                            </div>
                                        </label>
                                        <label for="img5">
                                            <div class="goBox">
                                                <div class="icon"></div>
                                            </div>
                                        </label>
                                        <div class="title_a">
                                            <span>
                                                第五届全国重点网络媒体广西行活动行程
                                            </span>
                                        </div>
                                    </li>
                                    <li>
                                        <label for="img4">
                                            <div class="backBox">
                                                <div class="icon"></div>
                                            </div>
                                        </label>
                                        <label for="img1">
                                            <div class="goBox">
                                                <div class="icon"></div>
                                            </div>
                                        </label>
                                        <div class="title_a">
                                            <span>
                                                第五届全国重点网络媒体广西行活动行程
                                            </span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="checkBox">
                                <ul>
                                    <label for="img1">
                                        <li></li>
                                    </label>
                                    <label for="img2">
                                        <li></li>
                                    </label>
                                    <label for="img3">
                                        <li></li>
                                    </label>
                                    <label for="img4">
                                        <li></li>
                                    </label>
                                    <label for="img5">
                                        <li></li>
                                    </label>
                                </ul>
                            </div>
                        </div>
                        <div class="minPhotoBox">
                            <ul>
                                <li><img src="./images/书本小图片1.png" alt=""></li>
                                <li><img src="./images/书本小图片1.png" alt=""></li>
                                <li><img src="./images/书本小图片1.png" alt=""></li>
                                <li><img src="./images/书本小图片1.png" alt=""></li>
                            </ul>
                        </div>
                    </div>
                    <div class="rightBox">
                        <div class="articleBox">
                            <a href="#">
                                <h2>广西汽车集团2018全国媒体采风活动将启程</h2>
                                <p>两千多年前，古丝绸之路上，舟楫相望，驼铃可闻。如今，大数据改变了我们的时代，让丝绸之路穿越了时空互联网和信息通信正在成为丝绸之路”。<span>[查看详情]</span>
                                </p>
                            </a>
                        </div>
                        <div class="artListBox">
                            <ul>
                                <li>
                                    <a href="#">广西甄选129个职位公务员9月1-5日进行网上报名</a>
                                </li>
                                <li>
                                    <a href="#">互联网广告发布不能再“任性”管理暂行办法</a>
                                </li>
                                <li>
                                    <a href="#">东博会：共筑“信息丝绸之路”助推信息合作发展</a>
                                </li>
                                <li>
                                    <a href="#">第4届中国-东盟技术转移与创新合作大会将9月举办</a>
                                </li>
                                <li>
                                    <a href="#">明年起广西全年停止销售低于国V标准车用汽油</a>
                                </li>
                                <li>
                                    <a href="#">彭晓春同志当选中共百色市委书记 新桂快报</a>
                                </li>
                                <li>
                                    <a href="#">广西及全国一批新规施行</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="contBox_Botton">
            <div class="hgBox">
                <div class="title"></div>
                <div class="swiper">
                    <input type="radio" name="chkWQ" id="chkWQ_1">
                    <input type="radio" name="chkWQ" id="chkWQ_2">
                    <div class="leftBox">
                        <label for="chkWQ_1">
                            <div class="iconbox">
                                <img src="./images/轮播切换按钮_左.png" alt="">
                            </div>
                        </label>
                    </div>
                    <div class="listBox">
                        <ul>
                            <li>
                                <img src="./images/往期回顾轮播图1.png" alt="">
                                <h2>《第一期》</h2>
                                <p>全国人大会议关系代表团审议，对广西各族人民饱含浓浓深情，对广西加快发展提出谆谆嘱托，特别是党的十八代以来，先后负于广西“三大定位”新使、“五个扎实”新要求</p>
                            </li>
                            <li>
                                <img src="./images/往期回顾轮播图2.png" alt="">
                                <h2>《第二期》</h2>
                                <p>全国人大会议关系代表团审议，对广西各族人民饱含浓浓深情，对广西加快发展提出谆谆嘱托，特别是党的十八代以来，先后负于广西“三大定位”新使、“五个扎实”新要求</p>
                            </li>
                            <li>
                                <img src="./images/往期回顾轮播图3.png" alt="">
                                <h2>《第三期》</h2>
                                <p>全国人大会议关系代表团审议，对广西各族人民饱含浓浓深情，对广西加快发展提出谆谆嘱托，特别是党的十八代以来，先后负于广西“三大定位”新使、“五个扎实”新要求</p>
                            </li>
                            <li>
                                <img src="./images/往期回顾轮播图4.png" alt="">
                                <h2>《第四期》</h2>
                                <p>全国人大会议关系代表团审议，对广西各族人民饱含浓浓深情，对广西加快发展提出谆谆嘱托，特别是党的十八代以来，先后负于广西“三大定位”新使、“五个扎实”新要求</p>
                            </li>
                            <li>
                                <img src="./images/往期回顾轮播图1.png" alt="">
                                <h2>《第五期》</h2>
                                <p>全国人大会议关系代表团审议，对广西各族人民饱含浓浓深情，对广西加快发展提出谆谆嘱托，特别是党的十八代以来，先后负于广西“三大定位”新使、“五个扎实”新要求</p>
                            </li>
                            <li>
                                <img src="./images/往期回顾轮播图2.png" alt="">
                                <h2>《第六期》</h2>
                                <p>全国人大会议关系代表团审议，对广西各族人民饱含浓浓深情，对广西加快发展提出谆谆嘱托，特别是党的十八代以来，先后负于广西“三大定位”新使、“五个扎实”新要求</p>
                            </li>
                            <li>
                                <img src="./images/往期回顾轮播图3.png" alt="">
                                <h2>《第七期》</h2>
                                <p>全国人大会议关系代表团审议，对广西各族人民饱含浓浓深情，对广西加快发展提出谆谆嘱托，特别是党的十八代以来，先后负于广西“三大定位”新使、“五个扎实”新要求</p>
                            </li>
                        </ul>

                    </div>
                    <div class="rightBox">
                        <label for="chkWQ_2">
                            <div class="iconbox">
                                <img src="./images/轮播切换按钮_右.png" alt="">
                            </div>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <!-- 底部背景 -->
        <div class="footerBox">
        </div>
    </div>
</body>

</html>